﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Trang Liên hệ - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
		<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">
			      			<!-- BIG NEWS -->
							<div class="qa-listnews" style="border-bottom:none;">
								<div class="contain">
		                        	<h1 class="title">Liên hệ</h1>
		                        	<br/>
		                        	<p>Nhóm tìm hiểu và nghiên cứu văn hoá Hà Nội :</p>
		                        	<br/>
		                        	<p>Nguyễn Đồng Thắng - Email: <a href="mailto:dongthang00@gmail.com">dongthang00@gmail.com</a></p>
		                        	<br/>
		                        	<p>Lại Thị Thanh - Email: <a href="mailto:laithanha3@zing.vn">laithanha3@zing.vn</a></p>
		                        	<br/>
		                        	<p>Đồ Huy Quang - Email: <a href="mailto:quangdh@k60c.com">quangdh@k60c.com</a></p>
		                        	<br/>
		                        	<h1 class="title">Nội dung</h1>
		                        	<br/>
		                        	<table border="0" width="100%">
										<tr valgin="top" height="30px">
											<td width="100px">
												Tiêu đề :
											</td>
											<td>
												<input class="qa_input" name="tb_tieude" type="text" size="30" />
											</td>											
										</tr>
											<tr>
											<td>
												Email :
											</td>
											<td>
												<input class="qa_input" name="tb_email" type="text" />
											</td>
										</tr>
										<tr valgin="top">
											<td style="vertical-align:text-top;">
												Nội dung:
											</td>
											<td>
												<textarea class="qa_input" name="ta_contain" cols="50" rows="10"></textarea>
											</td>
										</tr>
										<tr valgin="top">
											<td>
												
											</td>
											<td>
												<input type="button" name="but_submit" value="Gửi đi" />
											</td>
										</tr>
									</table>
		                        </div>
		                        <div class="clear"></div>
							</div>
			                <div class="clear"></div>    
						</div>
						<div id="pos2" class="qa-colRight fleft" style="height:500px;">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- AddThis Button END -->
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Phản hồi - Góp ý</h3>
								<form style="line-height:25px;">
									<p style="font-weight:bold;">Bạn cảm nhận về website như thế nào?</p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Website hữu ích, chuyên nghiệp</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Giao diện đẹp, bắt mắt</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Thông tin hữu ích, nhiều tiện ích hay</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Một kênh thông tin toàn diện cho khách du lịch</label></p>
									<p><input type="submit" value="Bình chọn"></p>
								</form>
							</div>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>